<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
p{width:150px;border:2px solid #000; font:14px/24px Arial;}
.p1{
    word-wrap:break-word;
}
.p2{
    word-break:break-all;
}
</style>
<body>
<p>AaaaaaaaaaaaaaaaaBbbbbbbbb12345678910 Aaaaaaaaaaaaaaaaa Bbbbbbbbb12345678910 111111111111111111111111111111 Cccccccccccccccccccc 11223344ddddddddddddddddddddddddd</p>
<span>最初AaaaaaaaaaaaaaaaaBbbbbbbbb12345678910 Aaaaaaaaaaaaaaaaa Bbbbbbbbb12345678910 111111111111111111111111111111 Cccccccccccccccccccc 11223344ddddddddddddddddddddddddd</span>
<p class="p1">AaaaaaaaaaaaaaaaaBbbbbbbbb12345678910 Aaaaaaaaaaaaaaaaa Bbbbbbbbb12345678910 111111111111111111111111111111 Cccccccccccccccccccc 11223344ddddddddddddddddddddddddd</p>
<span>加word-wrap:break-word;的效果</span>
<p class="p2">AaaaaaaaaaaaaaaaaBbbbbbbbb12345678910 Aaaaaaaaaaaaaaaaa Bbbbbbbbb12345678910 111111111111111111111111111111 Cccccccccccccccccccc 11223344ddddddddddddddddddddddddd</p>
<span>加word-break:break-all;的效果</span>
</body>
</html>
